<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的推广</title>
    <link rel="stylesheet" href="../../common/base.css">
    <link rel="stylesheet" href="../../common/common.css">
    <link rel="stylesheet" href="../../css/my-extend.css">
</head>
<body>
    <header>
        <i class="go-back">
            <img src="../../img/go-back.png" alt="">
        </i>
        <h1 class="perfect-title">我的推广</h1>
    </header>
    <div id="extend-content">
        <div class="extend-content">
            <div class="extend-title clearfix">
                <h2 class="fl">我的推广链接</h2>
                <span class="fl">?</span>
            </div>
            <div class="extend-link">
                <div class="extend-link-top clearfix">
                    <input type="text" readonly class="fl">
                    <span class="fl">复制</span>
                </div>
                <span class="extend-link-bottom">
                    推荐好友注册，好友每完成一项任务都可获得推荐佣金，复制链接邀请好友注册。
                </span>
            </div>
            <div class="extend-profit">
                <h2>推广收益</h2>
                <ul class="extend-profit-title">
                    <li>推广用户</li>
                    <li>总收益</li>
                    <li>1级收益</li>
                    <li>2级收益</li>
                </ul>
                <ul class="extend-profit-list">
                    <li>
                        <span>某某某...</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>我还得符文工房</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>23344w</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                    <li>
                        <span>48598</span>
                        <span>70元</span>
                        <span>50元</span>
                        <span>20元</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="extend-layer hide">
            <div class="extend-layer-content">
                <ul class="extend-layer-top">
                    <li>
                        <span>1级推广下线</span>
                        <p>用户邀请的人，完成任务佣金推广人可获得10%的收益</p>
                    </li>
                    <li>
                        <span>2级推广下线</span>
                        <p>1级下线邀请的人，完成任务佣金用户可获得5%的收益</p>
                    </li>
                </ul>
                <i class="extend-layer-bottom">
                    <img src="../../img/extend-close.png">
                </i>
            </div>
        </div>
    </div>
</body>
</html>